<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="../css/boxitmed.css"/>
<script language="JavaScript" src="../js/utils.js"></script>
<title>Insert title here</title>
</head>
<body>
	<br/>
	<table width="99%" class="framework">
		<tr>
			<td class="left">
				<fieldset><legend>Current Player : Player 2</legend>
					<table>
						<tbody>
							<tr>
								<td>Time Remaining :&nbsp;</td>
								<td><span>30</span> seconds</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
			</td>
			<td rowspan="3" class="right">
				<fieldset ><legend>Player's</legend>
					<table>
						<tbody>
							<tr class="player">
								<td><img src="../images/player.gif"/></td>
								<td>&nbsp;Bobily</td>
								<td><div class="pcolor" style="background-color: red"></div></td>
								<td><span class="pscore">5</span> points</td>
							</tr>
							<tr>
								<td colspan="4" style="border-top:1px solid silver"></td>
							</tr>
							<tr class="player">
								<td><img src="../images/player.gif"/></td>
								<td>&nbsp;Lassy</td>
								<td><div class="pcolor" style="background-color: blue"></div></td>
								<td><span class="pscore">2</span> points</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
				<fieldset ><legend>Viewer's</legend>
					<table>
						<tbody>
							<tr class="player">
								<td><img src="../images/audience.gif"/></td>
								<td>&nbsp;Rocky</td>
							</tr>
							<tr>
								<td colspan="2" style="border-top:1px solid silver"></td>
							</tr>
							<tr class="player">
								<td><img src="../images/audience.gif"/></td>
								<td>&nbsp;Patu</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
				<fieldset><legend>Message Board</legend>
					<table  width="99%">
						<tbody>
							<tr>
								<td>
									<div style="height: 100px; overflow: scroll" >
										Player 1 disqualified for no activity
										<br/>
										Player 3 joined as audience
										<br/>
										Player 1 and Player 2 started the game
										<br/>
										Player 2 joined the game color blue
										<br/>
										Player 1 joined the game color red
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</fieldset>
			</td>
		</tr>
		<tr>
			<td class="left">
 				<fieldset>
					<legend>Game Board</legend>
 					<table align="center">
						<tbody>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									<table>
										<tr>
											<td><div class="vertical"></div></td>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="corner"></div></td>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
								<td>
									<table>
										<tr>
											<td><div class="spacer"></div></td>
											<td><div class="vertical"></div></td>
										</tr>
										<tr>
											<td><div class="horizontal"></div></td>
											<td><div class="corner"></div></td>
										</tr>
									</table>
								</td>
							</tr>
						</tbody>
					</table>
 				</fieldset> 	
			</td>
		</tr>
	</table>
	<script type="text/javascript">
	//textXMLParse();
	</script>
</body>
</html>